<style scoped lang="scss">
.edit {
  textarea {
    width: 100%;
    height: 3rem;
    border: none;
  }
  .add {
    width: 0.5rem;
    height: 0.5rem;
    border: 2px dashed #c1c1c1;
    margin: 0 0.15rem 0.15rem 0.15rem;
  }
}
.mobile {
  height: 0.55rem;
  line-height: 0.55rem;
}
footer {
  padding-top: 1.05rem;
}
</style>

<template>
    <div class="feedback">
        <div class="edit bgfff">
            <textarea class="padding-15 box-sizing" v-model="descride" placeholder="请输入遇到的问题或建议..."></textarea>
            <div class="flex-col c82 hidden">
                <div class="add font-22 box-center">+</div>
                <div class="box1 flex-col flex-middle">添加图片说明</div>
            </div>
        </div>
        <div class="flex-col padding-lr15 bgfff mobile margin-t15 hidden">
            <div class="padding-r20">联系电话</div>
            <input type="number" class="box1" placeholder="选填，便于我们联系你">
        </div>
        <footer class="box-center footer font-14 box-center c82">
            <div class="cfff box-center margin-b20" @click="send">提交</div>
            <p class="padding-tb10">智能屋客服热线：400-1234561</p>
            <p>周一至周日：9:00-22:00</p>
        </footer>
    </div>
</template>

<script>
export default {
  name: "feedback",
  data() {
    return {
      descride: ""
    };
  },
  methods: {
    send() {
      let that = this;
      this.http
        .post("backidea/save", {
          descride: that.descride
        })
        .then(res => {
          that.layer("感谢您的反馈，我们会及时处理！");
          setTimeout(() => {
            that.back();
          }, 1000);
        });
    }
  }
};
</script>

